﻿<%@ Page Language="c#" ContentType="text/html" ResponseEncoding="utf-8" Async="true" MasterPageFile="~/administration/list_private.master" Inherits="ACM.cmsarea08.Administration.Core.gesUMenu" %>
<%@ MasterType VirtualPath="~/administration/master_private.master" %>
<asp:Content ID="PageBody" Runat="server" ContentPlaceHolderID="MasterBody">



  <h1><img src="../template/admimg/mod_big.jpg" alt="Modules Manager" />Gestione Menu Utente</h1>
  <div id="Dgruppi" style="clear:both;">Per creare/modificare il menu personalizzato di un gruppo devi prima selezionarlo.<br />Inserisci l'iniziale del gruppo o lascia vuoto il campo di testo seguente e clicca su cerca per ottenere l'elenco.<br/>
  	<br/><asp:Label AssociatedControlID="myLang" runat="server" Text="Scegli La lingua in cui modificare i menu "></asp:Label><ctl:DropDownLanguages id="myLang" runat="server" ></ctl:DropDownLanguages><br/>
    <ptl:SuggestionTextBox Class="suggestPanel" id="groupsearch" runat="server"></ptl:SuggestionTextBox>
    <input type="button" id="gsearch" value="avvia ricerca" />
    <br/>
    <div id="group_result"> </div>
  </div>
  
  
  
  <div id="actionArea">
    <div id="currentselection" ></div>
    <div id="currentmenu" >
		<div style="display:block; float:left; width:45%; border:1px solid #999">
        	<h3 style=" font-size:12px; margin:0px; padding:3px 4px; color:#e2e3e0; background:#999;">Menu Personalizzato</h3>
        	<div id="customMenu" style=" height:400px; overflow:scroll; overflow-x:hidden; background:#fff;">
            	menu personalizzato.
            </div>
        </div>
		<div style="display:block; float:left; width:8%; margin:0% 0.8%; height:432px; background:#999; color:#FFF;" id="btmMenu">
			<span id="foldMenu">Fold</span>
			<span id="addMenu">Add</span>
			<span id="delMenu">Del</span>
			<span id="movMenu">Mov</span>
		</div>		
		<div style="display:block; float:right; width:45%; border:1px solid #999">
        	<h3 style=" font-size:12px; margin:0px; padding:3px 4px; color:#e2e3e0; background:#999;">Voci Disponibili (menu originale)</h3>
        	<div id="oriMenu" style=" height:400px; overflow:scroll; overflow-x:hidden; background:#fff;">
            	menu personalizzato.
            </div>
        </div>
    
    
    
    
    </div>
    <div id="addItemB">
    	<div class="addItemC">
    	<label for="nomeVoce">Nome Voce di Menu</label><input type="text" id="nomeVoce"  /><br/>
    	<label for="cssClass">Classe Css</label><input type="text" id="cssClass"  /><br/>
    	<label for="linkUrl">Url</label><input type="text" id="linkUrl"  /><br/>
        <label for="padresel">Scegli Contenitore</label>
        <select id="padresel"></select><br/>
        <label for="posizione">Inserisci all'Inizio</label>
        <input type="checkbox" checked="checked" id="posizione" /><br/>
        <label for="figli">Inserisci Figli</label>
        <input type="checkbox" checked="checked" id="figli" /><br/>
        
        <input type="button" id="btmIAdd" value="Inserisci" />
        <input type="button" id="btmIRes" value="Annullas" />
        </div>
    </div>
  </div>
  
  <div style="clear:both;">il menu si salva automaticamente a ogni modifica</div>
  
  <div style="display:none;" id="addnewvaluecont">
  	<label for="newvalue">Inserisci nome del Menu</label>
    <input type="text" id="newvalue" /><br/>
    <input type="button" id="addnewvaluebtm" value="aggiungi" />
  </div>
  

<script language="javascript" src="/administration/template/js/gestione_menu2.js" ></script>
<style type="text/css">
<!--
@import url("/administration/template/css/gestione_menu.css");
#oriMenu, #customMenu { padding:5px 20px;}
#oriMenu ul { font-size:11px; margin:2px 5px; padding:0px;}
#oriMenu li { list-style:none; padding-top:1px;  padding-left:20px; min-height:18px; margin:2px 3px;}
#customMenu ul { font-size:11px; margin:2px 5px; padding:0px;}
#customMenu li { list-style:none; padding-top:1px;  padding-left:20px; min-height:18px; margin:2px 3px;}

#oriMenu li.figlio,#customMenu li.figlio { background:url(/administration/template/img/page.gif)  top left no-repeat;} 
#oriMenu li.padre,#customMenu li.padre { background:url(/administration/template/img/folderopen.gif) top left no-repeat;}

#btmMenu span { display:block; cursor:pointer; background:#ccc; color:#333; font-weight:bold; text-align:center; border:1px outset #ccc; margin:2px 4px;}
.addItemC label { display:block; float:left; width:100px; margin-right:10px; font-size:11px;}
.addItemC input,.addItemC select { display:block; float:left; margin-left:5px; width:130px; font-size:11px;}
.addItemC br  { display:block; clear:both;}

-->
</style>
<script language="javascript" type="text/javascript">
	window.addEvent('domready', function() {
		var gestoreMenu = new GestioneMenu({handler:'/administration/core/xml_server.asmx',
									        lettore_gruppi:'<%=this.groupsearch.ClientID%>',
											selettore_lingua : '<%=this.myLang.ClientID%>'
										   });
	});
</script>

</asp:content>
